<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
       *{
            margin:0;
            padding:0;
        }
        body{
            font-family: "微软雅黑";
            text-align: center;
        }
        a{
            color:#ff6600;
            text-decoration:none;
        }
        hgroup{
            margin-bottom:10px;
        }
        nav{
            height:48px;
            background:#ff6600;
        }
        nav li{
            float:left;
            background:#000000;
            border-radius:5px;
            padding:5px 10px;
            margin :10px;
            list-style:none;
        }
    </style>
</head>
<body>
<!--<header>
    <h1>网页标题</h1>
</header>
<article>
    <header>
        <h1>文章标题</h1>
    </header>
    <p>文章正文</p>
</article>-->
<header>
    <hgroup>
        <h1>html5视频教程</h1>
        <a href="/">[手机版]</a>
        <a href="/">[html5论坛]</a>
    </hgroup>
    <nav>
        <ul>
            <li>
                <a href="/">首页</a>
            </li>
            <li>
                <a href="/">手机版</a>
            </li>
            <li>
                <a href="/">论坛</a>
            </li>
        </ul>
    </nav>
</header>
</body>
</html>